


<!DOCTYPE html>
<html lang="zh-cn">
<head>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-878633-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-878633-1');
</script>

<meta charset="utf-8">
<meta name="robots" content="all" />
<meta name="author" content="w3school.com.cn" />

<link rel="stylesheet" type="text/css" href="/c9.css" />

<script src='/lib/cc/prism2.js'></script>
<link rel='stylesheet' href='/lib/cc/prism.css'>

<link rel="icon" type="image/png" sizes="16x16" href="/ui2019/logo-16-red.png">
<link rel="icon" type="image/png" sizes="32x32" href="/ui2019/logo-32-red.png">
<link rel="icon" type="image/png" sizes="48x48" href="/ui2019/logo-48-red.png">
<link rel="icon" type="image/png" sizes="96x96" href="/ui2019/logo-96-red.png">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="/ui2019/logo-180.png">


<title>HTML 系列教程</title>

</head>

<body id="homesecond" class="html">

<div id="wrapper">

<div id="header">
<a id="logo" href="/index.html" title="w3school 在线教程" style="float:left;">w3school 在线教程</a>
<div id="header_gg">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- W3 页眉 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-3381531532877742"
     data-ad-slot="7423315034"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

<div id="navfirst">
<ul id="menu">
<li id="h"><a href="/h.asp" title="HTML 系列教程">HTML 系列教程</a></li>
<li id="b"><a href="/b.asp" title="浏览器脚本教程">浏览器脚本</a></li>
<li id="s"><a href="/s.asp" title="服务器脚本教程">服务器脚本</a></li>
<li id="p"><a href="/p.asp" title="编程教程">编程教程</a></li>
<li id="x"><a href="/x.asp" title="XML 系列教程">XML 系列教程</a></li>
<li id="w"><a href="/w.asp" title="建站手册">建站手册</a></li>
<li id="r"><a href="/r.asp" title="参考手册">参考手册</a></li>
</ul>
</div>

<div id="navsecond">
<div id="course">
<ul>
<li><a href="/html/index.asp" title="HTML 教程">HTML</a></li>
<li><a href="/xhtml/index.asp" title="XHTML 教程">XHTML</a></li>
<li><a href="/html5/index.asp" title="HTML 5 教程">HTML 5</a></li>
<li><a href="/css/index.asp" title="CSS 教程">CSS</a></li>
<li><a href="/css3/index.asp" title="CSS3 教程">CSS3</a></li>
<li><a href="/bootstrap5/index.asp" title="Bootstrap 5 教程">Bootstrap 5</a></li>
<li><a href="/tcpip/index.asp" title="TCP/IP 教程">TCP/IP</a></li>
</ul>
</div>

</div>


<div id="maincontent">

<div id="w3school">

<h1>HTML 系列教程</h1>

<p><strong>从左侧的菜单选择你需要的教程！</strong></p>
</div>


<div>
<h2>HTML</h2>
<p>HTML 指超文本标签语言。</p>
<p>HTML 是通向 WEB 技术世界的钥匙。</p>
<p>在 W3School 的 HTML 教程中，您将学习如何使用 HTML 来创建站点。</p>
<p>HTML 非常容易学习！你会喜欢它的！<a href="/html/index.asp" title="HTML 教程">现在开始学习 HTML</a> ！</p>
</div>


<div>
<h2>XHTML</h2>
<p>XHTML 是更严谨更纯净的 HTML 版本。</p>
<p>在 W3School 的 XHTML 教程中，您将学习 HTML 与 XHTML 之间的差异，以及 XHTML 的优势所在。</p>
<p>我们还将会为您展示将站点升级至 XHTML 的方法，以帮助您快速部署 XHTML 技术。</p>
<p>XHTML 已经成为优秀前端设计师和工程师的首选。<a href="/xhtml/index.asp" title="XHTML 教程">现在开始学习 XHTML</a> ！</p>
</div>


<div>
<h2>HTML 5</h2>
<p>HTML 5 是下一代的 HTML。</p>
<p>HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。</p>
<p>在 W3School 的 HTML 5 教程中，您将了解 HTML5 中的新特性。</p>
<p><a href="/html5/index.asp" title="HTML 5 教程">现在就开始学习 HTML 5</a> ！</p>
</div>


<div>
<h2>CSS</h2>
<p>CSS 指层叠样式表（Cascading Style Sheets）。</p>
<p>在我们的 CSS 教程中，您将学习如何使用 CSS 同时控制整个站点的样式和布局。</p>
<p>通过与 XHTML 结合，CSS 可以帮助我们实行表现与结构分离的开发模式。</p>
<p>通过使用 CSS 来提升工作效率！<a href="/css/index.asp" title="CSS 教程">现在开始学习 CSS</a> ！</p>
</div>


<div>
<h2>CSS3</h2>

<p>CSS3 是最新的 CSS 标准。</p>

<p>我们的 CSS3 教程向您讲解 CSS3 中的新特性。</p>

<p><a href="/css3/index.asp" title="CSS3 教程">现在就开始学习 CSS3</a> ！</p>
</div>


<div>
<h2>Bootstrap 5</h2>

<p>Bootstrap 是最流行的 HTML、CSS 和 JavaScript 框架，用于创建响应式、移动优先的网站。</p>

<p>Bootstrap 5 是 Bootstrap 的最新版本。</p>

<p>我们的 Bootstrap 5 教程提供数百个 Bootstrap 5 实例。</p>

<p><a href="/bootstrap5/index.asp" title="Bootstrap 5 教程">现在就开始学习 Bootstrap 5</a> ！</p>
</div>


<div>
<h2>TCP/IP</h2>
<p>TCP/IP 是针对因特网的通信协议。</p>
<p>在 W3School 的 TCP/IP 教程中，你将了解到什么是 TCP/IP，以及它如何工作。</p>
<p>关于 TCP/IP 知识，有助于您理解互联网的运行原理，是您学习 WEB 技术的基础。</p>
<p><a href="/tcpip/index.asp" title="TCP/IP 教程">现在开始学习 TCP/IP</a> ！</p>
</div>

<div style="background-color:#fcfdf8; padding:0;">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- W3School ���Ĺ�� -->
<ins class="adsbygoogle"
     style="display:inline-block;width:800px;height:250px"
     data-ad-client="ca-pub-3381531532877742"
     data-ad-slot="2086924285"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

</div>



<div id="sidebar">

<div id="tools">
<h2>参考手册</h2>
<ul>
<li><a href="/tags/index.asp" title="HTML 参考手册">HTML/HTML5 标签</a></li>
<li><a href="/cssref/index.asp" title="CSS 参考手册">CSS 1,2,3</a></li>
<li><a href="/tags/html_ref_colornames.asp" title="HTML 颜色名">HTML 颜色</a></li>
</ul>

<h2>字符集</h2>
<ul>
<li><a href="/charsets/index.asp" title="HTML 字符集">HTML 字符集</a></li>
<li><a href="/charsets/ref_html_ascii.asp" title="HTML ASCII 参考手册">HTML ASCII</a></li>
<li><a href="/charsets/ref_html_ansi.html" title="HTML Windows-1252 (ANSI) 参考手册">HTML Windows-1252</a></li>
<li><a href="/charsets/ref_html_8859.html" title="HTML ISO-8859-1 参考手册">HTML ISO-8859-1</a></li>
<li><a href="/charsets/ref_html_symbols.asp" title="HTML 符号">HTML 符号</a></li>
<li><a href="/charsets/ref_html_utf8.asp" title="HTML Unicode (UTF-8) 参考手册">HTML UTF-8</a></li>
</ul>

<h2>实例/案例</h2>
<ul>
<li><a href="/html/html_examples.asp">HTML 实例</a></li>
<li><a href="/css/css_examples.asp">CSS 实例</a></li>
</ul>

<h2>测验/考试</h2>
<ul>
<li><a href="/html/html_quiz.asp">HTML 测验</a></li>
<li><a href="/html5/html5_quiz.asp">HTML5 测验</a></li>
<li><a href="/xhtml/xhtml_quiz.asp">XHTML 测验</a></li>
<li><a href="/css/css_quiz.asp">CSS 测验</a></li>
</ul>

<h2>代码验证</h2>
<ul>
<li><a href="/site/site_validate.asp">验证 HTML</a></li>
<li><a href="/site/site_validate.asp">验证 CSS</a></li>
<li><a href="/site/site_validate.asp">验证 XHTML</a></li>
</ul>
</div>

<div id="sidebar_zzs">

<div id="sbtg">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- W3School 侧栏广告位 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:160px;height:600px"
     data-ad-client="ca-pub-3381531532877742"
     data-ad-slot="6744370501"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

</div>

</div>



<div id="footer">
<p id="p1">
W3School 简体中文版提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。
</p>

<p id="p2">
<a href="/about/index.asp" title="关于 W3School">关于 W3School</a>
<a href="/about/about_helping.asp" title="帮助 W3School">帮助 W3School</a>
<a href="/about/about_use.asp" title="关于使用">使用条款</a>
<a href="/about/about_privacy.asp" title="关于隐私">隐私条款</a>
<a target="_blank" href="https://www.ykinvestment.com/">技术支持：赢科</a>
<a target="_blank" href="http://www.beian.miit.gov.cn">蒙ICP备06004630号</a>
</p>
</div>


</div>
</body>
</html>